<template>
  <view class="backwash">
        <z-nav-bar id="nav" bgColor="#ffffff" title="我要反洗"></z-nav-bar>
        <view class="order_info_wrap mgt-24">
            <view class="order_info_box df justify-between item-bottom-border">
            <view class="order_info_left">订单编号</view>
            <view class="order_no">{{orderInfo.orderId}}</view>
            </view>
            <view class="order_info_box df justify-between">
            <view class="order_info_left">下单时间</view>
            <view class="order_no">{{orderInfo.createTime}}</view>
            </view>
        </view>
        <view class="order_details_title mgt-24 mgl-62   mgb-20">选择反洗衣物</view>
  </view>
</template>

<script setup >
import { ref } from 'vue';
import { onLoad, } from '@dcloudio/uni-app';
const state= reactive({
  orderId:'',
  orderInfo:{}
})
const loadDetails =()=>{
   customerQryOrderDetails(state.orderId).then(res=>{
     console.log('res',res)
     state.orderInfo = res
   })
 }
onLoad(({id})=>{
    state.orderId = id
    loadDetails()
})

</script>

<style scoped lang="scss">
.backwash{
      box-sizing: border-box;
      width: 100%;
      padding: 0 32rpx;
      .order_info_wrap {
    box-sizing: border-box;
    width: 100%;
    padding: 0 32rpx;
    border-radius: 16rpx;
    background-color: #FFFFFF;

    .order_info_box {
      padding: 32rpx;

      .order_info_left {
        font-weight: bold;
        font-size: 28rpx;
        color: #000000;
      }

      .order_no {
        font-weight: 400;
        font-size: 28rpx;
        color: #444444;
      }

    }
  }
  .order_details_title{
    font-weight: bold;
    font-size: 28rpx;
    color: #000000;
  }
}
</style>
